<template>
    <div class="idassistant-container">
      <el-card class="main">
        <el-image :src="image" :preview-src-list="imageList" fit="fill">
          <template #error>
            <span class="image_col"> 请联系管理员! </span>
          </template>
        </el-image>
      </el-card>
    </div>
  </template>
  
  <script setup>
  import { onMounted, ref } from "vue";
  import { getIdImage } from "@/api/manage/agentmenu/index";
  const image = ref("");
  const imageList = ref([]);
  
  const handlegetldlmage = async () => {
    let res = await getIdImage();
    console.log(res);
    if (res.entity) {
      image.value = res.entity;
      imageList.value.push(image.value);
    }
  };
  
  onMounted(() => {
    handlegetldlmage();
  });
  </script>
  <style lang="scss" scoped>
  .idassistant-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    .main {
      width: 600px;
      margin-top: 24px;
      border-radius: 16px;
      .el-image {
        width: 100%;
        height: 650px;
        display: flex;
        justify-content: center;
        align-items: center;
        .image_col {
          color: red;
        }
      }
      .el-input {
        margin-top: 16px;
      }
    }
  }
  </style>